.oooi-svg {
  display: block;
  margin: 0 auto;
  margin-top: -3px;
  // position: absolute;
  .line1 {
    stroke-dasharray: 18 89;
    stroke-dashoffset: 236;
  }
  // stroke-dasharray: 10 180;
  // stroke-dashoffset: 224;
  .line2 {
    stroke-dasharray: 155 555;
    stroke-dashoffset: 0;
    // animation: dash2 1.5s linear infinite;
  }

  @keyframes dash {
    from {
      stroke-dashoffset: 360;
    }
    to {
      stroke-dashoffset: 40;
    }
  }

  @keyframes dash2 {
    from {
      stroke-dashoffset: 705;
    }
    to {
      stroke-dashoffset: 0;
    }
  }
}

.oooi-text {
  margin-top: -9px;
  display: block;
}
.oooi-fly-box {
  width: 69px;
  margin: 0 auto;
  position: relative;
  .fly-ing {
    font-size: 24px;
    position: absolute;
  }
  .fly-5 {
    left: 43px;
    top: -2px;
    transform: rotate(21deg);
  }
  .fly-4 {
    font-size: 24px;
    position: absolute;
    left: 40px;
    top: -4px;
    transform: rotate(43deg);
  }

  .fly-3 {
    font-size: 24px;
    position: absolute;
    left: 22px;
    top: -11px;
    transform: rotate(21deg);
  }

  .fly-2 {
    font-size: 24px;
    position: absolute;
    left: 5px;
    top: -4px;
    transform: rotate(-7deg);
  }

  .fly-1 {
    font-size: 24px;
    position: absolute;
    left: 1px;
    top: -2px;
    transform: rotate(21deg);
  }
}
